@font-face {
	font-family: "iconfont";
	/* Project id 2706689 */
	src: url('../font/iconfont.woff2?t=1627633693543') format('woff2'),
		url('../font/iconfont.woff?t=1627633693543') format('woff'),
		url('../font/iconfont.ttf?t=1627633693543') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 电梯导航 */
.elevator {
	width: 40px;
	position: fixed;
	right: 0;
	top: 250px;
	transform: translateX(-100%);
	z-index: 999;
}

.elevator a {
	display: block;
	width: 55px;
	height: 55px;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	border-top: 1px solid #ccc;
	background-color: rgb(220, 22, 35);
}

.elevator a:hover {
	background-color: #fff;
	color: red;
	transform: scale(1.2, 1.2);
	border-left: 2px solid rgb(220, 22, 35);
}

.elevator .color {
	border-left: 4px solid greenyellow;
}

/* 主视图 */
.main {
	width: 980px;
	height: 465px;
	margin-left: 220px;
	padding-top: 10px;
}

/* 焦点图 */
.focus {
	position: relative;
	width: 720px;
	height: 455px;
	overflow: hidden;
}

.focus_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 3600px;
	height: 100%;
}

.focus_img li {
	float: left;
	width: 720px;
	height: 100%
}

.focus_img li img {
	width: 720px;
	height: 100%;
}

/* 左右箭头 */
.arr_l,
.arr_r {
	position: absolute;
	top: 213px;
	left: 0;
	height: 30px;
	width: 25px;
	border-radius: 0 15px 15px 0;
	font-family: "iconfont";
	font-size: 18px;
	line-height: 30px;
	color: rgb(214, 215, 220);
	padding-right: 5px;
	background-color: rgba(0, 0, 0, .3);
	cursor: pointer;
}

.arr_r {
	top: 213px;
	left: 695px;
	padding-left: 7px;
	border-radius: 15px 0 0 15px;
}

.arr_l:hover {
	background-color: rgba(0, 0, 0, .6);
	color: rgb(255, 80, 0);
}

.arr_r:hover {
	background-color: rgba(0, 0, 0, .6);
	color: rgb(255, 80, 0);
}

/* 图片跳转 */
.jump {
	position: absolute;
	top: 425px;
	left: 310px;
	width: 100px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .5);
}

.jump a {
	float: left;
	width: 16px;
	height: 16px;
	margin: 2px 4.5px;
	background-color: white;
	border-radius: 8px;
}

.jump_active {
	background-color: rgb(255, 80, 0) !important;
}

/* 新闻快报 */
.newsflash {
	width: 250px;
	height: 455px;
}

.news {
	height: 165px;
	border: 1px solid #e4e4e4;
}

.news_hd {
	height: 33px;
	border-bottom: 1px dotted #e4e4e4;
	padding: 8px 0 0 15px;
}

.news_hd .fl {
	font-size: 14px;
}

.news_hd .fr::after {
	content: '\e688';
	font-family: 'iconfont';
	margin-left: 7px;
}

.news_bd {
	padding: 5px 0 0 16px;
}

.news_bd ul li {
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lifeservice {
	height: 210px;
	border: 1px solid #e4e4e4;
	border-top: 0;
}

.lifeservice ul li a {
	float: left;
	width: 62px;
	height: 70px;
	text-align: center;
	padding-top: 14px;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.lifeservice ul li a i {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/icons.png) no-repeat -18px -16px;
}

.lifeservice ul li:nth-child(2) a i {
	background: url(../images/icons.png) no-repeat -80px -16px;
}

.lifeservice ul li:nth-child(2) a {
	position: relative;
}

.lifeservice ul li:nth-child(2) a img {
	position: absolute;
	top: 0;
	right: 0;
}

.lifeservice ul li:nth-child(3) a i {
	background: url(../images/icons.png) no-repeat -142px -16px;
}

.lifeservice ul li:nth-child(4) a i {
	background: url(../images/icons.png) no-repeat -206px -14px;
}

.lifeservice ul li:nth-child(5) a i {
	background: url(../images/icons.png) no-repeat -17px -87px;
}

.lifeservice ul li:nth-child(6) a i {
	background: url(../images/icons.png) no-repeat -77px -87px;
}

.lifeservice ul li:nth-child(7) a i {
	background: url(../images/icons.png) no-repeat -140px -87px;
}

.lifeservice ul li:nth-child(8) a i {
	background: url(../images/icons.png) no-repeat -205px -87px;
}

.lifeservice ul li:nth-child(9) a i {
	background: url(../images/icons.png) no-repeat -17px -159px;
}

.lifeservice ul li:nth-child(10) a i {
	background: url(../images/icons.png) no-repeat -78px -159px;
}

.lifeservice ul li:nth-child(11) a i {
	background: url(../images/icons.png) no-repeat -140px -153px;
}

.lifeservice ul li:nth-child(12) a i {
	background: url(../images/icons.png) no-repeat -206px -159px;
}

.bargain {
	height: 75px;
	margin-top: 5px;
}

/* 新闻快报结束 */

/* 推荐模块开始 */
.recom {
	height: 162px;
	margin-top: 12px;
}

.recom_hd {
	width: 205px;
	height: 100%;
	background-color: #5c5251;
	text-align: center;
	padding-top: 32px;
}

.recom_bd {
	width: 995px;
	height: 162px;
}

.recom_bd ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 162px;
}

.recom_bd ul li img {
	height: 100%;
	width: 100%;
}

.recom_bd ul li:nth-child(-n+3)::after {
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: 145px;
	background-color: #ddd;
}

/* 推荐模块结束 */

/* 猜你喜欢开始 */
.likes {
	height: 260px;
	margin-top: 30px;
}

.likes_top {
	height: 30px;
	font-size: 18px;
}

.likes_top .fr {
	font-size: 12px;
	height: 30px;
	line-height: 40px;
}

.likes_top .fr a::after {
	content: '\e61a';
	font-family: 'iconfont';
	margin-left: 10px;
	color: #85848d;
}

.likes_bot ul {
	height: 230px;
	border: 1px solid #ccc;
}

.likes_bot ul li {
	float: left;
	width: 199.6px;
	height: 228px;
}

.likes_img {
	width: 198px;
	height: 150px;
	text-align: center;
	line-height: 150px;
}

.likes_txt {
	display: block;
	height: 60px;
	padding: 5px 0 0 35px;
	cursor: pointer;
}

.likes_bot ul li:nth-child(-n+5) .likes_txt {
	border-right: 1px solid #ccc;
}

.likes_txt p:last-child {
	color: #df3033;
	font-size: 18px;
	margin: 2px 0 0 -3px;
}

/* 猜你喜欢结束 */

/* 传智博客模块开始 */
.boke {
	height: 435px;
	margin-top: 30px;
}

.boke_top {
	height: 30px;
	font-size: 18px;
	line-height: 20px;
}

.boke_bot {
	height: 403px;
	border: 1px solid #ccc;
}

.boke_bot img {
	height: 100%;
	width: 100%;
}

.boke_bot>ul>li {
	float: left;
	height: 401px;
	border-left: 1px solid #ccc;
}

.boke_bot>ul>li:nth-child(2) {
	width: 225px;
}

.boke_bot>ul>li:nth-child(3) {
	width: 404px;
	background-color: #f7f7f7;
}

.boke_bot>ul>li:nth-child(4) {
	width: 165px;
}

.boke_bot ul li dl dt {
	width: 190px;
	height: 41px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	margin-left: 17px;
	border-bottom: 1px dotted #ccc;
}

.boke_bot ul li dl dd:first-of-type {
	height: 209px;
	border-bottom: 1px solid #ccc;
}

.boke_bot ul li:nth-child(3) dl dt {
	width: 365px;
}

.boke_bot ul li:nth-child(3) dl dd span {
	float: left;
	width: 201px;
	height: 151px;
}

.boke_bot ul li:nth-child(3) dl dd span:first-child {
	border-right: 1px solid #ccc;
}

.boke_bot ul li:last-child ul {
	padding: 15px 0 0 15px;
}

.boke_bot ul li:last-child ul li {
	position: relative;
	float: left;
	width: 74px;
	height: 55px;
}

.boke_bot ul li:last-child ul li div {
	position: absolute;
	top: 18px;
	right: 2px;
	width: 72px;
	height: 15px;
}

.boke_bot ul li:last-child ul li div img {
	height: auto;
}

.boke_bot ul li:last-child ul li:nth-child(-n+12) {
	border-bottom: 1px dotted #ccc;
}

.boke_bot ul li:last-child ul li:nth-child(2n+1) {
	border-right: 1px dotted #ccc;

}

/* 传智博客模块结束 */

/* 楼层模块开始 */


.box_hd {
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	border-bottom: 2px solid #c81623;
}

.box_hd h3 {
	color: #c81623;
	font-size: 18px;
}

.box_hd ul li {
	float: left;
	color: #ccc;
}

.box_hd ul li a {
	margin: 0 15px;
}

.box_bd {
	height: 361px;
}

.tab_list_item>div {
	float: left;
	height: 361px;
}

.col_210 {
	width: 210px;
	background-color: #f9f9f9;
	text-align: center;
}

.col_210 img {
	margin-top: 40px;
}

.col_210 ul {
	padding-left: 12px;
}

.col_210 ul li {
	float: left;
	width: 85px;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	margin-right: 10px;
}

.col_329 {
	position: relative;
	width: 329px;
}

.col_329 img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.col_221 {
	width: 221px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.bb {
	display: block;
	border-bottom: 1px solid #ccc;
}

.col_219 {
	width: 219px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.scoll {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
}

.scoll span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	background-color: white;
	border-radius: 8px;
	cursor: pointer;
}

.scollActive {
	background-color: rgb(255, 80, 0) !important;
}

/* 楼层模块结束 */
